<template>
  <div class="table-list">
    <dv-scroll-board :config="config" class="table" style="height:54vh" />
  </div>
</template>

<script>
export default {
  name: '',
  props: {
    headerList: {
      type: Array,
      default: () => [],
    },
    dataList: {
      type: Array,
      default: () => [],
    },
    columnWidth: {
      type: Array,
      default: () => [],
    },

    eqNum: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  watch: {
    dataList(newData) {
      this.config = {
        header: this.headerList,
        // headerHeight: 20,
        data: newData,
        index: false,
        columnWidth: this.columnWidth,
        align: ['left'],
        // headerBGC: '#0b9acf',
        headerBGC: '',
        oddRowBGC: '',
        evenRowBGC: 'rgba(52,99,171,0.15)',
        waitTime: '5000',
        rowNum: 12,
      }
    },
  },
  data() {
    return {
      config: null,
      num: {
        run: 10,
        wait: 6,
        off: 4,
      },
    }
  },
  mounted() {},
  methods: {},
}
</script>

<style scoped>
.table-list {
  position: relative;
  height: 54vh;
}

.table {
  padding: 5px;
  color: #ccc;
}
</style>
